var account ;
var page;
var getStatistic = function() {
	
	$.getJSON(page, {}, function(result) {
		$('#account').text(result.account);
		$('#customerName').text(result.name);
		$('#customerAddress').text(result.address);
		var lineChartData = {
			labels : result.date,//["","26/09/2557"], //
			datasets : [ {
				label : "Dataset",
				fillColor : "rgba(151,187,205,0.2)",
				strokeColor : "rgba(151,187,205,1)",
				pointColor : "rgba(151,187,205,1)",
				pointStrokeColor : "#fff",
				pointHighlightFill : "#fff",
				pointHighlightStroke : "rgba(151,187,205,1)",
				data : result.consumtion //["",58],//
			} ],
		};
		var ctx = document.getElementById("myChart").getContext("2d");
		window.myLine = new Chart(ctx).Line(lineChartData, {
			responsive : true,
		});
	});
	
	
};
$(document).ready(function() {
	account = document.getElementById("inputAccount").value;
	page = "CS23001Srvl?process_type=getDataTable&vaAccount=" + account;

	getStatistic();
	$('#customerStatisticDataTable').DataTable({
		"oLanguage" : {
			"oPaginate" : {
				"sFirst" : "หน้าแรก",// ปุ่มกลับมาหน้าแรก
				"sLast" : "หนัาสุดท้าย",// ปุ่มไปหน้าสุดท้าย
				"sNext" : "ถัดไป", // ปุ่มหน้าถัดไป
				"sPrevious" : "ก่อนหน้า" // ปุ่ม กลับ
			},
			"sLengthMenu" : "แสดง _MENU_ รายการ ต่อหน้า",
			"sZeroRecords" : "ไม่พบข้อมูลที่ค้นหา",
			"sInfo" : "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
			"sEmptyTable" : "ไม่พบรายการข้อมูล",
			"sLoadingRecords" : "ระบบกำลังประมวลผล กรุณารอซักครู่",
			"sProcessing" : "ประมวลผลข้อมูล",
			"sInfoEmpty" : "ไม่พบรายการข้อมูลที่แสดง",
			"sInfoFiltered" : "(จากทั้งหมด _MAX_ รายการ)",
			"sSearch" : "ค้นหา :"
		},
		searching : true,
		"aoColumns" : [ {
			"sTitle" : "ลำดับ",
			sClass : "alignCenter",
			sWidth : '10%',
			"bSortable" : false
		}, {
			"sTitle" : "วันที่อ่านน้ำ",
			sClass : "alignCenter",
			sWidth : '30%',
			"bSortable" : false
		}, {
			"sTitle" : "เลขในมาตร",
			sClass : "alignCenter",
			sWidth : '32%',
			"bSortable" : false
		}, {
			"sTitle" : "หน่วยที่ใช้",
			sClass : "alignCenter",
			sWidth : '30%',
			"bSortable" : false
		}, ],
		"bPaginate": false,
		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": false,
		"bProcessing" : true, // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงานโดยเอาข้อมูลที่ได้มาแสดงใน table
		"bServerSide" : true,
		"sAjaxSource" : page
	});

	$('#print').click(function() {
		
		var canvas = document.getElementById("myChart");
		var myChart = $("#chart").html();
		$("#report").css({"width":"1049px","height":"1484px"});
		$("#chart").html("<img src='" + canvas.toDataURL() + "'/>");
		$("#report").print();
		$("#report").removeAttr("style");
		$("#myChart").removeAttr("style");
		$("#myChart").removeAttr("width");
		$("#myChart").removeAttr("height");
		$("#chart").html(myChart);
		setTimeout(getStatistic(), 1000);
		
	});

});
